<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>意达设计</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../css/member.css"/>

</head>
<body class="body">

<!-- header -->
<div class="searchHeader">
	<a href="javascript:void(0);" onclick="api.closeWin();"></a>
	<input type="text" name="" placeholder="帆布包">
	<span>取消</span>
</div>

<div class="screenlist">
	<a href="javascript:void(0);" class="sernli"><span>综合</span><i class="cns1"></i></a>
	<a href="javascript:void(0);" class="sernli"><span>价格</span><i class="cns2"></i></a>
	<a href="javascript:void(0);" class="sernli"><span>销量</span><i class="cns2"></i></a>
	<a href="javascript:void(0);" class="sernli" onclick="sreentPaly();"><span>筛选</span><i class="cns3"></i></a>
</div>

<div class="prolist">
    <ul>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-017.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-018.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-019.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-020.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-017.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-018.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-019.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
        <li>
            <a href="javascript:void(0);"><img src="../image/index/img-020.jpg"></a>
            <p>莱夫时尚单肩斜跨女包</p>
            <span>HELEN手提女包新品上市，全新上市新品</span>
        </li>
    </ul>
</div>
<div class="clearfix" style="margin-bottom: .4rem;"></div>

<!-- 2018-12-10 -->
<div class="screenBox">
    <div class="nollbox"></div>
    <div class="screen">
        <div class="scretit">筛选</div>
        <div class="srelist">
            <div class="tittop"><span>材质</span><i></i></div>
            <div class="liesah">
                <ul>
                    <li class="liesah_on">不限<i></i></li>
                    <li>真皮<i></i></li>
                    <li>人造革<i></i></li>
                    <li>帆布<i></i></li>
                </ul>
            </div>
        </div>
        <div class="srelist">
            <div class="tittop"><span>品牌</span><i></i></div>
            <div class="liesah">
                <ul>
                    <li class="liesah_on">不限<i></i></li>
                    <li>品牌1<i></i></li>
                    <li>品牌2<i></i></li>
                    <li>品牌3<i></i></li>
                    <li>品牌4<i></i></li>
                </ul>
            </div>
        </div>
        <div class="srelist">
            <div class="tittop"><span>品类</span><i></i></div>
            <div class="liesah">
                <ul>
                    <li class="liesah_on">不限<i></i></li>
                    <li>挎包<i></i></li>
                    <li>背包<i></i></li>
                    <li>手包<i></i></li>
                    <li>单肩背包<i></i></li>
                </ul>
            </div>
        </div>
        <div class="srelast">
            <div class="tittop"><span>价格区间（元</span></div>
            <div class="inpquer">
                <input type="text.html" name="" placeholder="最低价">
                <span> - </span>
                <input type="text.html" name="" placeholder="最高价">
            </div>
        </div>

        
        <div class="srenfooter">
            <a href="javascript:void(0)" onclick="resutPlay();">取消选择</a>
            <a href="javascript:void(0)" class="btnStyle">确定</a>
        </div>
    </div>
</div>
<!-- end 2018-12-10 -->


</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../script/adaptive.js"></script>
<script type="text/javascript" src="../script/swiper.min.js"></script>
<script type="text/javascript" src="../script/tabs.js"></script>
<script type="text/javascript">
    window['adaptive'].desinWidth = 750;
    window['adaptive'].baseFont = 28;
    window['adaptive'].maxWidth = 750;
    window['adaptive'].init();

    // 2018-12-10
    function sreentPaly () {
        $(".screenBox").show();
    }
    $(".nollbox").click(function(event) {
        $(".screenBox").hide();
    });
    $(".tittop").click(function(event) {
        $(this).siblings('.liesah').slideToggle();
    });
    $(document).on('click', '.liesah ul li', function(event) {
        $(this).addClass('liesah_on').siblings().removeClass('liesah_on');
    });
    function resutPlay(){
        $(".liesah ul li").removeClass('liesah_on');
    }
    // end 2018-12-10

</script>

</html>
